<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
      <!-- 页面最上方 -->
      <header>
        <div class="inner">
            <div class="inner1">
                <ul>
                    <li><a href="#">康佳新闻</a></li>
                    <li><a href="#">加入康佳</a></li>
                    <li><a href="#">校园招聘</a></li>
                    <li><a href="#">康佳社区</a></li>
                    <li><a href="#">大宗采购</a></li>
                    <li><a href="#">积分商城</a></li>
                </ul>
                <ul class="off">
                    <li><a href="./login.html">登录</a></li>
                    <li class="two"><a href="./regist.html">注册</a></li>
                </ul>
                <ul class="on active">
                    <li><span class="username">小王同学</span></li>
                </ul>
            </div>
            <div class="gouwuche">
                <img src="https://www.konka.com/themes/pc/konka/images/top-header-cart.png?v11c4" alt="">
                <p>购物车</p>
            </div>
        </div>
    </header>
 
    <!--  购物车列表页面布局 -->
    <div class="content">
        <div class="cart_list">
            <div><span>购物车</span><span>Shopping Cart</span></div>
            <div>
                <div><input type="checkbox"  class="allSelect" > 全选 </div>
                <div>商品</div>
                <div>单价</div>
                <div>数量</div>
                <div>小计</div>
                <div>操作</div>
            </div>
            <ul class="cart_goods">
               <!-- js 渲染  -->
            </ul>
        </div>
        <!-- 列表页下面的布局 -->
        <div class="list_bottom">
            <div>
                <div> 全选 </div>
            </div>
            <div>
                <span class="del_select">删除选中</span>
                <span class="move_to">去选购</span>
            </div>
            <div>
              <span>已选择 <span class="totalNum"></span> 件商品，优惠后金额：</span><span  class="totalPrice">0.00</span>  
            </div>
            <div>
                <button class="pay">去结算</button>
            </div>
        </div>
    </div>
    <!-- 页面底部 -->
    <div class="bottom">
        <div class="bottom_top">
            <ul>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/29/72/32/508be9abdf01173241a65b671c4ec6fff242e359.png?72574_OW29_OH29" alt="">
                    </div>
                    <div>
                        <h4>全场包邮</h4>
                        <small>全场商品免费送到家</small>
                    </div>
                </li>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/8e/e7/58/dda3bbcea1734e9cc57f733bd39c7bdfa8a098c9.png?72590_OW23_OH24" alt="">
                    </div>
                    <div>
                        <h4>质量保证</h4>
                        <small>享受国家三包政策</small>
                    </div>
                </li>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/0a/f6/6b/fa606e57f51c1c20bee1b08b460b546a2308535a.png?72616_OW24_OH24" alt="">
                    </div>
                    <div>
                        <h4>权益保障</h4>
                        <small>7天包退15天包换</small>
                    </div>
                </li>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/18/f6/51/e7f1acfff43fd63737b75f9dd040c04875dbef80.png?72627_OW24_OH24" alt="">
                    </div>
                    <div>
                        <h4>放心服务</h4>
                        <small>24小时内上门服务</small>
                    </div>
                </li>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/e1/df/92/2304a231ed8691bc454c367e282052810d5634d0.png?72639_OW25_OH25" alt="">
                    </div>
                    <div>
                        <h4>意外惊喜</h4>
                        <small>限时打折优惠不断</small>
                    </div>
                </li>
            </ul>
        </div>
        <div class="bottom_bottom">
            <ul>
                <li>
                   <dl>
                       <dt>帮助中心</dt>
                       <dd>购买指南</dd>
                       <dd>支付方式</dd>
                       <dd>配送方式</dd>
                       <dd>售后政策</dd>
                       <dd>防伪查询</dd>
                   </dl> 
                </li>
                <li>
                    <dl>
                        <dt>新闻中心</dt>
                        <dd>集团新闻</dd>
                        <dd>媒体报道</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>投资者关系</dt>
                        <dd>公司概要</dd>
                        <dd>高管团队</dd>
                        <dd>最新公告</dd>
                        <dd>公司治理</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>集团成员网站</dt>
                        <dd>华侨城集团</dd>
                        <dd>康佳全球服务中心</dd>
                        <dd>康佳国际营销</dd>
                        <dd>康佳移动互联科技</dd>
                        <dd>康佳壹世界商业显示</dd>
                        <dd>康佳智能电器</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>关于我们</dt>
                        <dd>了解康佳</dd>
                        <dd>加入康佳</dd>
                        <dd>校园招聘</dd>
                        <dd>联系我们</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>关注我们</dt>
                        <dd>官方微博</dd>
                        <dd>官方微信</dd>
                        <dd>官方社区</dd>
                        <dd>K迷俱乐部</dd>
                        <dd>康佳微商城</dd>
                        <dd>康佳服务</dd>
                        <dd>腾讯视频TV端</dd>
                    </dl>
                </li>
            </ul>  
            <div class="ul_right">
                <div>24小时全国服务热线</div>
                <div>400-880-0016</div>
                <div>
                    <span>购买咨询</span>
                    <span>售后服务</span>
                </div>
            </div>  
        </div>
    </div>
    <!-- 页面最底部 -->
    <footer>
        <div class="foot_logo">
            <img src="https://www.konka.com/themes/pc/konka/images/konka.png?v5436" alt="">
        </div>
        <div class="foot_link">
            <span>Copyright © 1980-2021 康佳集团股份有限公司 版权所有 </span>
            <span>丨</span>
            <a href="#" class="_a">联系我们</a>
            <span>丨</span>
            <a href="#" class="_a">法律声明</a>
            <span>丨</span>
            <a href="#" class="_a">隐私保护</a>
            <span>丨</span>
            <a href="#" class="_a">快递查询</a>
            <span>丨</span>
            <a href="#" class="_a">腾讯视频TV端</a>
            <span>丨</span>
            <a href="#" class="_a">粤ICP备 05059413号</a>
        </div>
    </footer>
    <script src="../js/utils.js"></script>
    <script src="../js/cart.js"></script>
</body>
</html>